<template>
	<view class="cake-item"  >
		<view>
			<image  class="poster" :src="gdata.img" mode=""></image>
		</view>
		<view class="info-cont">
			<view class="info flex align-center justify-between ">
				<view class="">
					<view class="fs-28">
						{{gdata.name}}
					</view>
					<view class="fs-16">
						{{gdata.french}}
					</view>
				</view>
				<view class="cart-btn margin-right">
				<text class="iconfont icon-dingwei"></text>
				</view>
			</view>
			<view class="fs-18">
					<text class="fs-14">$</text>
					{{gdata.price}}
				</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"good-item",
		props:['gdata'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.cake-item{
	width: 350upx;
	.poster{
		height: 350upx;
		background-color: #f5f5f5;
	}
	.fs-28{
		margin-top: 24upx;
	}
	.fs-16{
		margin: 14upx 0;
	}
	.fs-18{
		margin-bottom: 22upx;
	}
	.cart-btn{
		height: 60upx;
		width: 60upx;
		border-radius: 50%;
		background-color: #ffe32a;
		text-align: center;
		line-height: 60upx;
	}
}

</style>